{% extends "pages/base.html" %}
{% load mezzanine_tags keyword_tags %}

{% block meta_title %}{{ page.meta_title }}{% endblock %}

{% block meta_keywords %}{% metablock %}
  {% keywords_for page as keywords %}
  {% for keyword in keywords %}
    {% if not forloop.first %}, {% endif %}
    {{ keyword }}
  {% endfor %}
{% endmetablock %}{% endblock %}

{% block meta_description %}{% metablock %}
  {{ page.description }}
{% endmetablock %}{% endblock %}

{% block title %}
  {% editable page.title %}{{ page.title }}{% endeditable %}
{% endblock %}

{% block main %}
  <div class="mdl-grid mdl-cell--12-col">
  <div class="mdl-cell--1-col"></div>
  <div class="mdl-cell--10-col">
    <div>
      <h2>All Ideas</h2>
      <div class="github-widget" data-repo="phodal/ideas"></div>
    </div>
    <div>
      <h2>Cool Ideas</h2>
      <div class="github-widget" data-repo="datum-lang/datum"></div>
      <div class="github-widget" data-repo="inherd/coca"></div>
      <div class="github-widget" data-repo="inherd/coco"></div>
      <div class="github-widget" data-repo="phodal/ledge"></div>
      <div class="github-widget" data-repo="phodal/growth"></div>
    </div>
    <div>
      <h2>JavaScript & Mobile </h2>
      <div class="github-widget" data-repo="phodal/sherlock"></div>
      <div class="github-widget" data-repo="phodal/echoesworks"></div>
      <div class="github-widget" data-repo="phodal/lettuce"></div>
      <div class="github-widget" data-repo="phodal/dore"></div>
      <div class="github-widget" data-repo="phodal/mole"></div>
    </div>
    <div>
      <h2>Internet Of Things(物联网) </h2>
      <div class="github-widget" data-repo="phodal/iot"></div>
      <div class="github-widget" data-repo="phodal/lan"></div>
      <div class="github-widget" data-repo="phodal/eks"></div>
      <div class="github-widget" data-repo="phodal/awesome-iot"></div>
    </div>
    <div>
      <h2>电子书</h2>
      <div class="github-widget" data-repo="phodal/serverless"></div>
      <div class="github-widget" data-repo="phodal/microfrontends"></div>
      <div class="github-widget" data-repo="phodal/growth-ebook"></div>
      <div class="github-widget" data-repo="phodal/growth-in-action"></div>
      <div class="github-widget" data-repo="phodal/designiot"></div>
      <div class="github-widget" data-repo="phodal/repractise"></div>
      <div class="github-widget" data-repo="phodal/fe"></div>
      <div class="github-widget" data-repo="phodal/ideabook"></div>
    </div>
    <div>
      <h2>文档类</h2>
      <div class="github-widget" data-repo="phodal/developer"></div>
    </div>
  </div>
  </div>
{% endblock %}
